{extend name="public/base" /}
{block name='content'}
{include file='public/content_header' /}
<!--数据列表页面-->
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12">
                <div class="invoice p-3 mb-3">
                    <div class="row">
                        <div class="col-12">
                            <h4>
                                <i class="fas fa-globe"></i> 订单号：{$data.order_no|default=''}
                                <small class="float-right">下单时间：{$data.create_time}</small>
                            </h4>
                        </div>
                    </div>

                    <div class="row invoice-info">
                        <div class="col-sm-4 invoice-col">
                            <b>下单人：</b>{$data.user.nickname|default=''}<br>
                            <b>下单账号：</b>{$data.user.username|default=''}<br>
                            <b>下单时间：</b>{$data.create_time}
                        </div>

                        <div class="col-sm-4 invoice-col">
                            支付信息
                            <address>
                                <b>实付金额：</b>{$data.pay_money|default=''}<br>
                                <b>支付方式：</b>{$data.payment.name|default=''}<br>
                                <b>支付时间：</b>{$data.pay_time}
                            </address>
                        </div>

                        <div class="col-sm-4 invoice-col">
                            收货地址
                            <address>
                                <b>收货人：</b>{$data.name|default=''}<br>
                                <b>电话：</b>{$data.mobile|default=''}<br>
                                <b>地址：</b>{$data.full_address|default=''}<br>
                                <b>发货状态：</b>{$data.deliver_status_text|default=''}<br>
                                <b>快递公司：</b>{$data.express.name|default=''}<br>
                                <b>快递单号：</b>{$data.express_no|default=''}<br>
                            </address>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-12 table-responsive">
                            <table class="table table-striped">
                                <thead>
                                <tr>
                                    <th>商品</th>
                                    <th>规格</th>
                                    <th>价格</th>
                                    <th>数量</th>
                                    <th>小计</th>
                                </tr>
                                </thead>
                                <tbody>
                                {foreach name='data.order_goods' id='goods'}
                                <tr>
                                    <td>{$goods.goods.name|default=''}</td>
                                    <td>{$goods.attr}</td>
                                    <td>{$goods.price}</td>
                                    <td>{$goods.number}</td>
                                    <td>{$goods.total_price}</td>
                                </tr>
                                {/foreach}
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="row">

                        <div class="col-6">
                            <p class="lead">买家备注</p>

                            <p class="text-muted well well-sm shadow-none" style="margin-top: 10px;">
                                这里后续自行添加吧，随便写点什么都行。
                                备注。。。。。
                                接着备注。。。。。
                            </p>
                        </div>
                        <!-- /.col -->
                        <div class="col-6">
                            <p class="lead">金额信息</p>

                            <div class="table-responsive">
                                <table class="table">
                                    <tr>
                                        <th style="width:50%">订单总额:</th>
                                        <td>{$data.order_price}</td>
                                    </tr>
                                    <tr>
                                        <th>商品总额</th>
                                        <td>{$data.goods_price}</td>
                                    </tr>
                                    <tr>
                                        <th>运费</th>
                                        <td>{$data.express_price}</td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>

                    <div class="row no-print">
                        <div class="col-12">
                            <a href="#" rel="noopener" class="btn btn-default">
                                <i class="fas fa-print"></i> 打印订单</a>
                            <button type="button" class="btn btn-primary float-right" style="margin-right: 5px;">
                                <i class="fas fa-download"></i>
                                下载订单
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{/block}